<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://g.alicdn.com/de/prismplayer/1.4.7/skins/default/index.css"/>
    <script type="text/javascript" src="http://g.alicdn.com/de/prismplayer/1.4.7/prism.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/underscore-min.js"></script>
    <script src="../js/base64.min.js"></script>
</head>
<style>
    body {
        padding: 0;
        margin: 0;
        background: #F2F2F2;
    }
    .titlebar {
        height: 60px;
        font-size: 30pt;
        line-height: 60px;
        padding-left: 16px;
        background: #2785D1;
        color: white;
    }
    .wrapper {
        padding: 16px;
    }
    .wrapper .prism-player {
        width: 400px;
        height: 400px;
        display: inline-block;
        vertical-align: middle;
    }
    .wrapper .info {
        display: inline-block;
        border: 1px solid;
        vertical-align: middle;
        height: 400px;
        min-width: 200px;
    }
</style>
<body>
<div class="titlebar">
    灾情直播间
</div>
<!--<div class="wrapper">-->
    <!--<div class="prism-player" id="J_prismPlayer"></div>-->
    <!--<div class="info">-->
            <!--<span>直播名称:</span>-->
            <!--<span id="streamName"></span>-->
    <!--</div>-->
<!--</div>-->
<div class="prism-player" id="J_prismPlayer"></div>
<script>
    $(function() {
        var params = _.object(_.compact(_.map(location.search.slice(1).split('&'), function(item) {  if (item) return item.split('='); })));
        $('#streamName').text(params.streamName);
        var player = new prismplayer({
          id: "J_prismPlayer", // 容器id
          source: Base64.decode(params.url),  // 视频url 支持互联网可直接访问的视频地址
          autoplay: true,      // 自动播放
//          <!--width: "400px",       // 播放器宽度-->
//          <!--height: "400px"      // 播放器高度-->
          width: '100%',
          height: '100%'
      });
    });
</script>
</body>
</html>